<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>块级元素</title>
    <style>
        /*span.red{color:red;}*/
        #header{
            background-color:black;
            color:white;
            text-align:center;
            padding:5px;
        }
        #nav{
            line-height:30px;
            background-color:#eee;
            height:500px;
            width:100px;
            float:left;
            padding: 5px;
        }
        #section{
            padding:5px;
        }
        #footer {
            background-color:black;
            color:white;
            clear:both;
            text-align:center;
            padding:5px;
        }
       #big{
            float:left;
           padding:20px;
        }
        /*.cities{*/
            /*background-color: LightGray;*/
            /*color:white;*/
            /*margin:20px;*/
            /*padding:20px;*/
        /*}*/
    </style>
</head>
<body>

    <!--<h1>My  <span class="red">Important</span> Heading</h1>-->
    <div id="header">
        <h1>City Gallery</h1>
    </div>

    <div id="nav">
        London<br/>
        Paris<br/>
        Tokyo<br/>
    </div>
          <div id="big">
     <div id="section">
         <h1>London</h1>
         <p>
             London is the capital city of england.It is the most populous
             city in the united kingdom, with a metroplitan area of over 13 million inhabitants.
         </p>
         <p>
             Standing on the River Thames, London has been a major settlement for two millennia,
             its history going back to its founding by the Romans, who named it Londinium.
         </p>
     </div>

    <div class="section">
        <h1>Paris</h1>
        <p>
            Paris is the capital and most populous city of France.
        </p>
        <p>
            Standing on the River Thames, London has been a major settlement for two millennia,
            its history going back to its founding by the Romans, who named it Londinium.
        </p>
    </div>

    <div class="section">
        <h1>Tokyo</h1>

            <p>
            Tokyo is the capital of Japan, the center of the Greater Tokyo Arwa,
            and the most pouplous metropolitan area in the woreld.
        </p>
        <p>
            Standing on the River Thames, London has been a major settlement for two millennia,
            its history going back to its founding by the Romans, who named it Londinium.
        </p>
    </div>
   </div>
    <div id="footer">
        Copyriight w3school.com.cn
    </div>
</body>
</html>